﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="InHospitalfeeitem.aspx.cs" Inherits="Page_Customer_InHospitalfeeitem" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="content-type" content="text/html;charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>住院缴费</title>
    <script src="../../Scripts/jquery-1.8.0.min.js"></script>
    <%--layui--%>
    <link href="../../layui/css/layui.css" rel="stylesheet" />
    <link href="../../Content/syzyy/css/mzjf/styles.7958e3d4a09d44c5c540.css" rel="stylesheet" />
    <style>
        .app-outer[_ngcontent-c0] {
            height: 100%;
        }

        .inpatient-payment-pay[_ngcontent-c17] {
            width: 100%;
            min-height: 100%;
        }

            .inpatient-payment-pay[_ngcontent-c17] .inpatient-payment-card[_ngcontent-c17] {
                position: relative;
                width: 95%;
                height: 11.866667rem;
                top: .4rem;
                left: 2%;
                border-radius: .26666667rem;
            }

                .inpatient-payment-pay[_ngcontent-c17] .inpatient-payment-card[_ngcontent-c17] .inpatient-payment-title[_ngcontent-c17] {
                    height: 4.133333rem;
                    border-radius: .26666667rem .26666667rem 0 0;
                }

                    .inpatient-payment-pay[_ngcontent-c17] .inpatient-payment-card[_ngcontent-c17] .inpatient-payment-title[_ngcontent-c17] .patient-name[_ngcontent-c17] {
                        height: 2.5rem;
                        line-height: 2.5rem;
                        margin-left: 1rem;
                    }

                    .inpatient-payment-pay[_ngcontent-c17] .inpatient-payment-card[_ngcontent-c17] .inpatient-payment-title[_ngcontent-c17] .inpatient-no[_ngcontent-c17] {
                        height: 1.06666667rem;
                        line-height: .53333333rem;
                        margin-left: 1rem;
                    }

                .inpatient-payment-pay[_ngcontent-c17] .inpatient-payment-card[_ngcontent-c17] .inpatient-payment-content[_ngcontent-c17] .content-title-wrap[_ngcontent-c17] {
                    height: 2rem;
                    line-height: 2rem;
                    margin-bottom: 0rem;
                }

                    .inpatient-payment-pay[_ngcontent-c17] .inpatient-payment-card[_ngcontent-c17] .inpatient-payment-content[_ngcontent-c17] .content-title-wrap[_ngcontent-c17] .blue[_ngcontent-c17] {
                        display: inline-block;
                        width: .08rem;
                        height: .32rem;
                        border-radius: 0 4px 4px 0;
                    }

                .inpatient-payment-pay[_ngcontent-c17] .inpatient-payment-card[_ngcontent-c17] .inpatient-payment-content[_ngcontent-c17] .content-item[_ngcontent-c17] {
                    height: 2rem;
                    line-height: 2rem;
                    margin: 0 .4rem;
                }

                    .inpatient-payment-pay[_ngcontent-c17] .inpatient-payment-card[_ngcontent-c17] .inpatient-payment-content[_ngcontent-c17] .content-item[_ngcontent-c17] input[_ngcontent-c17] {
                        outline: 0;
                        border: none;
                        margin-left: .8rem;
                    }

                .inpatient-payment-pay[_ngcontent-c17] .inpatient-payment-card[_ngcontent-c17] .inpatient-payment-content[_ngcontent-c17] .content-btn-wrap[_ngcontent-c17] {
                    margin: .13333333rem .4rem;
                }

                    .inpatient-payment-pay[_ngcontent-c17] .inpatient-payment-card[_ngcontent-c17] .inpatient-payment-content[_ngcontent-c17] .content-btn-wrap[_ngcontent-c17] .content-btn[_ngcontent-c17] {
                        display: inline-block;
                        width: 27%;
                        height: 1.8rem;
                        line-height: 1.8rem;
                        text-align: center;
                        border-radius: 1.466667rem;
                        margin: 4px 0.3rem;
                    }

                    .inpatient-payment-pay[_ngcontent-c17] .inpatient-payment-card[_ngcontent-c17] .inpatient-payment-content[_ngcontent-c17] .content-btn-wrap[_ngcontent-c17] .btn_selected[_ngcontent-c17] {
                        border: 1px solid #268efc;
                        color: #268efc;
                    }

            .inpatient-payment-pay[_ngcontent-c17] .inpatient-payment-btn-wrap[_ngcontent-c17] {
                text-align: center;
                margin-top: 1.62666667rem;
            }

                .inpatient-payment-pay[_ngcontent-c17] .inpatient-payment-btn-wrap[_ngcontent-c17] .inpatient-payment-btn[_ngcontent-c17] {
                    display: inline-block;
                    width: 19rem;
                    height: 2.5rem;
                    line-height: 2.5rem;
                    border-radius: .66666667rem;
                }

        .inpatient-payment-btn-wrap[_ngcontent-c18] {
            text-align: center;
            margin-top: 1.62666667rem;
        }

            .inpatient-payment-btn-wrap[_ngcontent-c18] .inpatient-payment-btn[_ngcontent-c18] {
                display: inline-block;
                width: 8.13333333rem;
                height: 1.17333333rem;
                line-height: 1.17333333rem;
                border-radius: .66666667rem;
            }
    </style>
</head>
<body>
    <div _ngcontent-c0="" class="app-outer theme-tcm" id="app-outer">
        <div _ngcontent-c17="" class="inpatient-payment-pay bg-light-grey">
            <div _ngcontent-c17="" class="inpatient-payment-card bg-white">
                <div _ngcontent-c17="" class="inpatient-payment-title bg-horizontal-gradient">
                    <div _ngcontent-c17="" class="patient-name fc-fff">
                        <span _ngcontent-c17="" class="fs-34">仲翠平</span>
                    </div>
                    <div _ngcontent-c17="" class="inpatient-no fc-fff">
                        <span _ngcontent-c17="" class="fs-28">住院号：00****21</span>
                    </div>
                </div>
                <div _ngcontent-c17="" class="inpatient-payment-content">
                    <div _ngcontent-c17="" class="content-title-wrap">
                        <span _ngcontent-c17="" class="fs-26 fc-666 content-title" style="margin-left: 5px;">充值金额</span>
                    </div>
                    <div _ngcontent-c17="" class="content-item fs-32">
                        <span _ngcontent-c17="">自定义</span>
                        <input _ngcontent-c17="" class="fs-32 bg-input ng-untouched ng-pristine ng-valid" placeholder="请输入充值金额" type="text">
                    </div>
                    <div _ngcontent-c17="" class="content-btn-wrap">
                        <span _ngcontent-c17="" class="fs-28 content-btn border_active">500元</span>
                        <span _ngcontent-c17="" class="fs-28 content-btn border_active">1000元</span>
                        <span _ngcontent-c17="" class="fs-28 content-btn border_active">3000元</span>
                    </div>
                </div>

            </div>
            <div _ngcontent-c17="">
                <app-pay-button-type _ngcontent-c17="" _nghost-c18="">
                                   </app-pay-button-type>
            </div>
            <div _ngcontent-c17="" class="inpatient-payment-btn-wrap">
                <a _ngcontent-c17="" class="btn-default inpatient-payment-btn fs-32 fc-fff">去支付</a>
            </div>

        </div>
    </div>
    <script>
        $(function () {
            $(".content-btn").click(function () {
                // $(this).index()返回当前点击的下标
                $(".bg-input").val($(this).text().replace('元', ''));
            });
        })
    </script>
</body>
</html>
